window.onload=function(){

  function scrollTxt(){  //滚动的窗口-一张图
        var controls={},
            values={},
            t1=200, /*播放动画的时间*/
            t2=2000, /*播放时间间隔*/
            si;
        controls.rollWrap=$("#roll-wrap");
        controls.rollWrapUl=controls.rollWrap.children();
        controls.rollWrapLIs=controls.rollWrapUl.children();
        values.liNums=controls.rollWrapLIs.length;
        values.liHeight=controls.rollWrapLIs.eq(0).height();
        values.ulHeight=controls.rollWrap.height();
        this.init=function(){
            autoPlay();
        }

        function play(){
            controls.rollWrapUl.animate({"margin-top" : "-"+values.liHeight}, t1, function(){
                $(this).css("margin-top" , "0").children().eq(0).appendTo($(this));   /*滚动*/
            });
        }
        /*自动滚动*/
        function autoPlay(){
            /*如果所有li标签的高度和大于.roll-wrap的高度则滚动*/
            if(values.liHeight*values.liNums > values.ulHeight){
                si=setInterval(function(){
                    play();
                },t2);
            }
        }

        /*鼠标移入移出停止和开始事件*/
        $(".wrap_ul").mouseover(function(){
            clearInterval(si);
        });
        $(".wrap_ul").mouseout(function(){
            autoPlay();
        });
    }
    new scrollTxt().init()
    
    
//这个是那个滑动屏幕的事件。
$('.scroll_y').bind('touchstart',function(e){
            startX = e.originalEvent.changedTouches[0].pageX,
            startY = e.originalEvent.changedTouches[0].pageY;
        });


$('.scroll_y').bind('touchmove',function(e){
          
            scroll_X = e.originalEvent.changedTouches[0].pageX,  //获取滑动屏幕时的X,Y
            scroll_Y = e.originalEvent.changedTouches[0].pageY;
            //获取滑动距离
            distanceX = scroll_X-startX;
            distanceY = scroll_Y-startY;
            //判断滑动方向
            if(Math.abs(distanceX)>Math.abs(distanceY) && distanceX>0){
                //往右滑动
            }else if(Math.abs(distanceX)>Math.abs(distanceY) && distanceX<0){
               //往左滑动
            }else if(Math.abs(distanceX)<Math.abs(distanceY) && distanceY<0){
               //上
               
               alert("加载事件，或者在这里调用Ajax")
                 $(".scroll_text").css("display","block")
            }else if(Math.abs(distanceX)<Math.abs(distanceY) && distanceY>0){
                //下
                   alert("威哥惟爱你")
            }else{
                //未滑动
            return 
            //滑动反向：就是你手向下滑动屏幕，屏幕其实
            //是向上移动。
            }
            

        })
};